<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>zhankumoxie</title>


    <script src="https://unpkg.com/swiper/js/swiper.min.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/myscript1.js"></script>
    <!-- <script src="./js/backtop.js"></script> -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- //顶部导航栏 -->
    <div class="top">
        <div class="content">
            <div class="top_left">
                <img src="img/logo.svg" alt="">
            </div>
            <div class="top_mid">
                <ul>
                    <li class="active"><a href=""><p>首页</p></a></li>
                    <li>
                        <a href="">
                            <p>发现</p>
                        </a>
                        <div class="menu_list discover_list">
                            <ul>
                                <li><p>平面</p></li>
                                <li><p>UI</p></li>
                                <li><p>网页</p></li>
                                <li><p>插图</p></li>
                                <li><p>动漫</p></li>
                                <li><p>摄影</p></li>
                                <li><p>空间</p></li>
                            </ul>                            
                        </div>
                    <li><a href=""><p>同城</p></a></li>
                    <li>
                        <a href="">
                            <p>职位</p>
                        </a>
                        <div class="menu_list">
                            <p>职位</p>
                            <p>公司</p>
                            <p>+发布职位</p>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <p>活动</p>
                        </a>
                        <div class="menu_list">
                            <p>设计大赛</p>
                            <p>专题策划</p>
                            <p>线上活动</p>
                            <p>线下活动</p>
                            <p>学习音频</p>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <p>正版素材</p>
                        </a>
                        <div class="menu_list">
                            <p>图片</p>
                            <p>视频</p>
                            <p>字体</p>
                            <p>音乐</p>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <p>课程</p>
                        </a>
                        <div class="menu_list">
                            <p>正在热销</p>
                            <p>口碑好课</p>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <p>●●●</p>
                        </a>
                        <div class="menu_list">
                            <p>榜单</p>
                            <p>设计师</p>
                            <p>站酷APP</p>
                            <p>站酷字库</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top_right  A">
                <img src="img/搜索.png" alt="" id="check">
                <img src="img/云上传.png" alt="">
                <span>
                    登录&nbsp&nbsp&nbsp&nbsp丨&nbsp&nbsp&nbsp&nbsp注册
                </span>
            </div>
            <div class="planeb">
                <img src="img/delete.png" alt="">
                <img src="img/搜索.png" alt="" id="cenent">
                <img src="img/云上传.png" alt="">
                <span>
                    登录&nbsp&nbsp&nbsp&nbsp丨&nbsp&nbsp&nbsp&nbsp注册
                </span>
            </div>
        </div>
    </div>
    <!-- //轮播图暂时留空 -->
    <div class="swiper-container banner">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide"><img src="./img/bannerone.png@1380w.png" alt=""></div>
            <div class="swiper-slide"><img src="./img/bannertwo.jpg@1380w.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./img/bannerthree.png@1380w.png" alt=""></div>
            ...
        </div>
        <!-- If we need pagination -->
        <div class="swiper-pagination"></div>

        <!-- If we need navigation buttons -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- If we need scrollbar -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>

    <!-- //轮播图下方五张图片-->
    <div class="lunbo_button">
        <div class="neirong">
            <img src="img/a1.jpg" alt="">
            <img src="img/a2.jpg" alt="">
            <img src="img/a3.jpg" alt="">
            <img src="img/a4.jpg" alt="">
            <img src="img/a5.jpg" alt="">
        </div>
    </div>
    </div>

    <!-- //首页 三个文字部分-->
    <div class="menu">
        <div class="container">
            <ul>
                <li><a href="" class="recom">首页推荐</a></li>
                <li><a href="" class="new">最新发布</a></li>
                <li><a href="" class="heat">上升最快</a></li>
            </ul>
        </div>
    </div>

    <!-- 作品展示区两人完成-->
    <div class="view">
        <div class="card">
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_007.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">《你我猫狗》 # 青海 #</p>
                    <p class="info_b">插画-商业插画</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1165</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>6</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>105</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-1.jpg">
                    <span class="crib1">木木王木木19</span>
                    <span class="crib">1天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_006.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">系统图标-图标分解 Materia规范</p>
                    <p class="info_b">文章-教程-多领域</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1006</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>9</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>60</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-2.jpg">
                    <span class="crib1">罗耀_UI</span>
                    <span class="crib">16小时前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_010.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">4399UED—游戏视觉设计合集</p>
                    <p class="info_b">网页-游戏/娱乐</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.0万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>33</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>365</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-3.jpg">
                    <span class="crib1">4399UED</span>
                    <span class="crib">2天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_001.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">董志斌：玩着玩着就把活干了的设计师 </p>
                    <p class="info_b">文章-专访-多领域</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.7万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>64</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>458</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-4.jpg">
                    <span class="crib1">设计师专访</span>
                    <span class="crib">2天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_013.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">钟风华新图《阎王》</p>
                    <p class="info_b">插画-游戏原画</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>2510</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>4</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>114</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-5.jpg">
                    <span class="crib1">艺数绘CG </span>
                    <span class="crib">8小时前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_002.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">日落温柔时分</p>
                    <p class="info_b">摄影-人像</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>2.1万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>83</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>1208</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-6.jpg">
                    <span class="crib1">无限TX </span>
                    <span class="crib">2天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_012.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">AYYE潮牌插画设计</p>
                    <p class="info_b">插画-商业插画</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.2万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>39</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>715</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-7.jpg">
                    <span class="crib1">南安镇阿毅Ayye </span>
                    <span class="crib">2天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_011.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">晨恩标局 - Choice Signs</p>
                    <p class="info_b">平面-品牌</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>8347</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>33</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>376</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-8.jpg">
                    <span class="crib1">ReflexDesign </span>
                    <span class="crib">2天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_009.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">nick2019作品集</p>
                    <p class="info_b">平面-吉祥物</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.0万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>18</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>701</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-9.jpg">
                    <span class="crib1">NICK尼克LYU </span>
                    <span class="crib">2天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_004.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">SEPTEMBER | VENOM STUDIO</p>
                    <p class="info_b">三维-动画/影视</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.0万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>69</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>514</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-10.jpg">
                    <span class="crib1">venom459 </span>
                    <span class="crib">2天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_005.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">Digital Phanerozoic-亂碼昆蟲學</p>
                    <p class="info_b">三维-人物/生物</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>7182</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>22</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>323</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-11.jpg">
                    <span class="crib1">大悲宇宙 </span>
                    <span class="crib">2天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_015.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">上海路人志（夏秋篇）-路人速写</p>
                    <p class="info_b">纯艺术-速写</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>6554</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>456</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>4643</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-12.jpg">
                    <span class="crib1">速写路人在路上 </span>
                    <span class="crib">3天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_008.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">莓超疯茶饮品牌IP设计-打造时尚艺术化吉祥物角色形象</p>
                    <p class="info_b">平面-吉祥物</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.6万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>342</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>323</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-13.jpg">
                    <span class="crib1">赤犬制造所REDOG </span>
                    <span class="crib">3天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_016.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">社畜的日常</p>
                    <p class="info_b">三维-动画/影视</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1323</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>22</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>2213</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-14.jpg">
                    <span class="crib1">LxUStudio</span>
                    <span class="crib">3天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_003.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">吾皇和巴扎黑</p>
                    <p class="info_b">摄影-人像</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>3423</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>3432</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>687</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-15.jpg">
                    <span class="crib1">腰果虾仁 </span>
                    <span class="crib">3天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_020.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">颐和园Ⅱ</p>
                    <p class="info_b">摄影-人像</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>233</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>232</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>865</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-16.jpg">
                    <span class="crib1">摄影师蝈蝈小姐 </span>
                    <span class="crib">3天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_017.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">《影子丢了》</p>
                    <p class="info_b">插画-绘本</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1232</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>644</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>7575</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-17.jpg">
                    <span class="crib1">莎漠_990 </span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_019.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">工作图</p>
                    <p class="info_b">插画-概念设定</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1223</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>45</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>333</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-18.jpg">
                    <span class="crib1">画画的彪子 </span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_018.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">昵昵儿女语，灯火夜微明，推手从归去，无泪与君倾。</p>
                    <p class="info_b">插画-概念设定</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>3646</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>242</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>9656</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-19.jpg">
                    <span class="crib1">叁眼 </span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_014.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">他比烟花寂寞</p>
                    <p class="info_b">插画-其他插画</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.7万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>72</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>963</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-20.jpg">
                    <span class="crib1">耘星</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_021.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">「空盒子」活动，随机词组，创意发散，插画练习"</p>
                    <p class="info_b">插画-插图画作</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>6767</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>52</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>522</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-21.jpg">
                    <span class="crib1">晓前</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_022.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">百雀羚2019年敦煌系列“与时间做对”长图插画项目</p>
                    <p class="info_b">插画-商业插画</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.5万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>72</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>963</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-22.jpg">
                    <span class="crib1">焦响乐</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_023.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">六十作战计划（16/60）</p>
                    <p class="info_b">插画-插画画作</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>7579</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>49</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>465</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-23.jpg">
                    <span class="crib1">饭茄想要回笼觉</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_024.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">喜形悦色作品丨皇沟御酒·秋香封坛</p>
                    <p class="info_b">平面-包装</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.1万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>20</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>439</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-24.jpg">
                    <span class="crib1">上海喜形悦色</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_025.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">腾讯跨界联名公仔 QQx环太平洋2雷霆再起</p>
                    <p class="info_b">工业/产品-玩具</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>7685</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>48</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>282</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-25.jpg">
                    <span class="crib1">TINYBRAND</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_026.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">The Light - —汽奔腾车机</p>
                    <p class="info_b">UI-APP界面/p>
                        <div class="info_hud">
                            <div class="info_hud_bottom">
                                <img src="img/小眼睛.png">
                                <p>1.2万</p>
                            </div>
                            <div class="info_hud_bottom">
                                <img src="img/评论.png">
                                <p>165</p>
                            </div>
                            <div class="info_hud_bottom">
                                <img src="img/点赞.png">
                                <p>667</p>
                            </div>
                        </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-26.jpg">
                    <span class="crib1">大表狗</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_027.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">东海行</p>
                    <p class="info_b">摄影-人像</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>9742</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>62</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>424</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-27.jpg">
                    <span class="crib1">海螺壳</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_028.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">谁还没个难言之隐？（捂脸）</p>
                    <p class="info_b">动漫-中/长篇漫画</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.7万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>111</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>1437</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-28.jpg">
                    <span class="crib1">莓文化</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_029.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">迪凱 19 FW</p>
                    <p class="info_b">摄影-时尚</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>8281</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>13</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>236</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-29.jpg">
                    <span class="crib1">諾亞大象</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_030.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">十月手写书法字体</p>
                    <p class="info_b">平面-字体/字形</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>5543</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>44</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>266</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-30.jpg">
                    <span class="crib1">妙典设计</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_031.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">近期两个项目</p>
                    <p class="info_b">网页-企业官网</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>9440</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>62</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>257</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-31.jpg">
                    <span class="crib1">夜火的火</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_032.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">插画灯光艺术【王云飞 x 益田·假日里】</p>
                    <p class="info_b">空间-展示设计</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>6028</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>65</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>546</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-32.jpg">
                    <span class="crib1">feii</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_033.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">攻殼title短片——《ZεИ殼chO1oG》</p>
                    <p class="info_b">影视-Motion Graphic</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>6344</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>59</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>514</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-33.jpg">
                    <span class="crib1">_CiZY_</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_034.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">[课件] French revolutionary war</p>
                    <p class="info_b">网页-企业官网</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>4447</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>77</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>184</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-34.jpg">
                    <span class="crib1">罗耀_作品</span>
                    <span class="crib">2天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_035.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">僵小鱼壁纸| 你风尘仆仆的走向我，是这世间最好的相遇 </p>
                    <p class="info_b">动漫-三维动画</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>4102</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>13</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>143</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-35.jpg">
                    <span class="crib1">僵小鱼</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_036.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">妙手生花创新月历</p>
                    <p class="info_b">平面-包装</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>9868</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>34</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>323</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-36.jpg">
                    <span class="crib1">妙手回潮</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_037.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">问童子®玩偶 | 重生·乌咕咕</p>
                    <p class="info_b">工业/产品-玩具</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>7899</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>46</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>285</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-37.jpg">
                    <span class="crib1">问童子</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_038.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">夸父逐日</p>
                    <p class="info_b">影视-短片</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.2万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>60</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>878</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-38.jpg">
                    <span class="crib1">润物定格动画</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_039.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">卡忙：胆大就能妄为</p>
                    <p class="info_b">文章-专访-多领域</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.5万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>66</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>486</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-39.jpg">
                    <span class="crib1">设计师专访</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
            <div class="view_1">
                <div class="card_img">
                    <img src="img/view_040.jpg" alt="图片未加载成功，请刷新重试">
                </div>
                <div class="card_info">
                    <p class="info_a">电商设计全能班(第3期)</p>
                    <p class="info_b">平面设计</p>
                    <div class="info_hud">
                        <div class="info_hud_bottom">
                            <img src="img/小眼睛.png">
                            <p>1.7万</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/评论.png">
                            <p>72</p>
                        </div>
                        <div class="info_hud_bottom">
                            <img src="img/点赞.png">
                            <p>963</p>
                        </div>
                    </div>
                </div>
                <div class="card_item">
                    <img src="img/tx-40.jpg">
                    <span class="crib1">站酷高高手</span>
                    <span class="crib">4天前</span>
                </div>
            </div>
        </div>
    </div>

    <!-- 页码跳转部分以及快问快答-->
    <div class="Bo">
        <div class="Bo_a">
            <a href="" class="active">1</a>
            <a href="2.html">2</a>
            <a href="">3</a>
            <a href="">4</a>
            <a href="">5</a>
            <a href="">6</a>
            <a href="">7</a>
            <a href="">...</a>
            <a href="">99</a>
            <a href="">100</a>
            <a href="">></a>
        </div>
        <div class="Bo_b">
            <!-- 图片自己扣下来保存到img文件夹下 -->
            <img src="img/1、.PNG">
        </div>
    </div>

    <!-- 推荐课程到底部之上-->
    <div class="recommend">
        <div class="container">
            <div class="row">
                <div class="col col-md-12">
                    <div class="title">
                        <span>推荐课程</span>
                        <a href="">换一换</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2dot4">
                    <div class="box">
                        <a href=""><img src="img/1.png" alt=""></a>
                        <a href="">产品摄影课程·大合集</a>
                    </div>
                </div>
                <div class="col-lg-2dot4">
                    <div class="box">
                        <a href=""><img src="img/2.png" alt=""></a>
                        <a href="">2019年UI设计师的危机与机遇</a>
                    </div>
                </div>
                <div class="col-lg-2dot4">
                    <div class="box">
                        <a href=""><img src="img/3.png" alt=""></a>
                        <a href="">产品摄影之电子产品摄影</a>
                    </div>
                </div>
                <div class="col-lg-2dot4">
                    <div class="box">
                        <a href=""><img src="img/4.png" alt=""></a>
                        <a href="">刘晓翔谈编辑设计</a>
                    </div>
                </div>
                <div class="col-lg-2dot4">
                    <div class="box">
                        <a href=""><img src="img/5.png" alt=""></a>
                        <a href="">绘画构图训练法</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部部分两人需实现微信动画 -->
    <div class="footer">
        <div class="footer_content">
            <div class="footer_content_top">
                <div class="footer_nav_left">
                    <li><a href="" class="yidong"><i></i> 移动版</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">加入站酷</a></li>
                    <li><a href="">用户协议</a></li>
                    <li><a href="">隐私政策</a></li>
                    <li><a href="">侵权申诉</a></li>
                    <li><a href="">企业服务</a></li>
                    <li><a href="">帮助中心</a></li>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">中文</a></li>
                    <li><a href="">English</a></li>
                </div>
                <div class="footer_nav_right">
                    <li><a href="" class="weixin"><i></i></a></li>
                    <li><a href="" class="weibo"></a></li>
                </div>
            </div>
            <div class="foot">
                <div class="row">
                    <div class="foot-one">
                        <span>京ICP备11017824号-4</span>
                        <i></i>
                        <span>京ICP证130164号</span>
                        <i></i>
                        <img src="./img/guohui.png" alt="">
                        <span>京公网安备11010502000501号</span>
                        <i></i>
                        <span>网络文化经营许可证 京网文[2016]6173-844号</span>
                        <i></i>
                        <span>广播电视节目制作经营许可证（京）字第06990号</span>
                    </div>
                    <div class="foot-two">
                        <span>营业执照</span>
                        <i></i>
                        <span>网上有害信息举报专区</span>
                        <i></i>
                        <span>不良信息举报电话：010-56538658</span>
                        <i></i>
                        <span>举报邮箱 jubao@zcool.com.cn</span>
                        <i></i>
                        <span>联系电话：010-56538600</span>
                        <span>Copyright © 2006-2019 ZCOOL站酷</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

  <!-- 回到顶部部分 -->
  <div class="back_top">
   <img src="img/下载.png" alt="">
  </div>

    <script>
        var mySwiper = new Swiper('.swiper-container', {
            // Optional parameters
            direction: 'horizontal',
            loop: true,

            // If we need pagination
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },

            // Navigation arrows
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

            // And if we need scrollbar
            scrollbar: {
                el: '.swiper-scrollbar',
            },
        })
    </script>
</body>

</html>